<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Futureway</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"/>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta name="renderer" content="webkit">
	<meta name="description" content="This is Futureway official website">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
		  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
		  crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header id="head">
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">Futureway</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="html/product.html" data-i18n="title.product">Product</a></li>
					<li><a href="html/solution.html" data-i18n="title.solution">Solution</a></li>
					<li><a href="html/news.html" data-i18n="title.news">News</a></li>
					<li><a href="html/us.html" data-i18n="title.us">Us</a></li>
				</ul>
				<ul class="nav navbar-nav logo">
					<li>
						<a href="index.html">
							<img src="images/logo.png" alt="logo">
						</a>
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="javascript: void (0)" data-i18n="title.language">Language</a>
						<ul class="child-menu" id="language">
							<li><a href="javascript: void (0)" data-val="zh_CN">中文</a></li>
							<li><a href="javascript: void (0)" data-val="en_US">Engilsh</a></li>
						</ul>
					</li>
				</ul>
				<form class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" class="form-search">
						<button type="button" class="form-search-btn">Search</button>
					</div>
				</form>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
	<div class="banner">
		<div class="swiper-container" id="banner-swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="images/home_banner1.png" alt="banner">
				</div>
				<div class="swiper-slide">
					<img src="images/home_banner2.jpg" alt="banner">
				</div>
				<div class="swiper-slide">
					<img src="images/home_banner3.jpg" alt="banner">
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
	</div>
</header>
<aside id="aside">
	<img src="images/news-title.png" alt="news">
</aside>
<section id="section">
	<div class="row">
		<div class="img-box col-lg-6 col-md-6 col-sm-12 col-xs-12 news-image">
			<img src="images/news-pic1.jpg" class="img-responsive" alt="news-img">
			<img src="images/triangle.png" class="triangle" alt="triangle">
		</div>
		<div class="img-box col-lg-6 col-md-6 col-sm-12 col-xs-12 news-article">
			<div style="padding: 6%">
				<strong class="title">叹！</strong>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi consectetur deserunt dignissimos
				earum expedita hic modi molestias natus nostrum obcaecati omnis pariatur, quia repellendus sapiente sed
				temporibus tenetur veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi
				consectetur deserunt dignissimos
				earum expedita hic modi molestias natus nostrum obcaecati omnis pariatur, quia repellendus sapiente sed
				temporibus tenetur veniam.
				<i class="icon"></i>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="img-box col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-push-6 col-md-push-6 news-image">
			<img src="images/news-pic2.jpg" class="img-responsive" alt="news-img">
			<img src="images/triangle.png" class="triangle triangle-pic2" alt="triangle">
		</div>
		<div class="img-box col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-pull-6 col-md-pull-6 news-article">
			<div style="padding: 6%">
				<strong class="title">惊！希特勒</strong>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis cupiditate delectus
				deleniti
				dolor eum harum odit, quam voluptas! Blanditiis dicta et, ex exercitationem explicabo facere maxime
				neque
				nesciunt veritatis.
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis cupiditate delectus
				deleniti
				dolor eum harum odit, quam voluptas! Blanditiis dicta et, ex exercitationem explicabo facere maxime
				neque
				nesciunt veritatis.
				<i class="icon icon-bottom"></i>
			</div>
		</div>
	</div>
</section>
<footer id="footer">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">About Us</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">Follow Us</a>
					</li>
					<li class="share">
						<a href="#" class="share-icon facebook">
							<img src="images/facebook.png" alt="">
						</a>
						<a href="#" class="share-icon twitter">
							<img src="images/twitter.png" alt="">
						</a>
						<a href="#" class="share-icon google">
							<img src="images/google+.png" alt="">
						</a>
						<a href="#" class="share-icon ins">
							<img src="images/ins.png" alt="">
						</a>
						<a href="#" class="share-icon alibaba">
							<img src="images/alibaba.png" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">Contact Us</a>
					</li>
					<li>Phone</li>
					<li>Fax</li>
					<li>Email</li>
					<li>Address</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<img src="images/news-pic2.jpg" alt="QR_code" width="150" height="150">
			</div>
		</div>
	</div>
</footer>
<a id="to-top" href="#head"></a>
<div id="contact-online">
	<ul class="contact-methods">
		<li></li>
		<li></li>
	</ul>
</div>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/1.6.3/i18next-1.6.3.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
		integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		crossorigin="anonymous"></script>

<!--<script src="dist/js/index.min.js"></script>-->
<script src="js/index.js"></script>
</body>
</html>